import React,{PureComponent} from 'react'
import {View, Text,StyleSheet,TouchableOpacity} from 'react-native'
import {PageModal,Form,Input,Button } from 'beeshell'
import { hidden } from 'ansi-colors';

const FormItem = Form.Item;
export default class CashPage extends PureComponent{
    constructor(props) {
        super(props)
        this.state = {

        }
    }

    render() {
        return (
            <View style={styles.loginBox}>
                <Form style={styles.loginForm}>
                    <FormItem prop="name" label="用户名" labelWidth={50}  hasLine>
                        <Input value=""  placeholder="请输入" onChange={() => {}} />
                    </FormItem>
                    <FormItem prop="phone" label="密码" labelWidth={50}>      
                        <Input secureTextEntry={true} value=""  placeholder="请输入" onChange={() => {}} />
                    </FormItem>
                </Form>
                <TouchableOpacity
                    style={styles.shopBtn}
                    onPress={() => {}}>
                    <Text style={styles.btnText}>登陆</Text>
                </TouchableOpacity>
            </View>
        )
    }
}
const styles = StyleSheet.create({
    loginBox:{
        flex:1,
        backgroundColor:'#f7efde',
    },
    loginForm:{
        margin:15,
        marginTop:100,
        overflow:'hidden',
        borderRadius:10,
    },
    shopBtn:{
        margin:15,
        marginTop:20,
        padding:15,
        borderRadius:5,
        backgroundColor:commonStyle.textGoldColor,
        alignItems:'center',
        justifyContent: 'center',
    },
    btnText:{
        color:'#fff',
        fontSize:16,
    },
})